@charset "utf-8";
/* CSS Nahason Jurun */

body{margin:0; font-family: 'weblysleek_uisemibold'!important;
	font-size:12px!important; line-height:20px!important; letter-spacing:1px!important; background:#fff;}
	

.reccol{
	float: left;
display: inline;
margin-left: 10px;
margin-right: 10px; margin-bottom:10px;}

.roundrec{text-align:center; padding:5px 25px; color:#fff;
		 border-radius:7px; border:2px #fefefe solid; background:#AF2A00;
		 text-decoration:none; width:125px; height:20px;
		 text-shadow: 1px 1px 2px #8C0000;}
		 
		 .roundrec:hover{text-align:center; padding:5px 25px; color:#fff;
		 border-radius:7px; border:2px #fefefe solid inset; background:#CF4F37;
		 text-decoration:none;
		 text-shadow: 1px 1px 2px #8C0000;}
		 
		 h2{font-family: 'ralewaybold'; font-size:20px;
		 	color:#858585; margin-bottom:5px!important; line-height:20px!important;}
			
		.bottomh2{width:10%; padding:1px 0; border-bottom:3px solid #C42031; margin-bottom:20px}
		
		.commontext{font-family: 'weblysleek_uilight'; font-size:12px;
					color:#858585; font-weight:bold;}
		.bottomtxt{border-bottom:1px solid #ddd; width:40%; margin-bottom:25px;}
		
		.buttonred{padding:8px 12px; background-color:#C42031; color:#fff!important;
					font-family: 'ralewayregular'; font-size:14px;
					border:2px solid #fff ; border-radius:6px;
					-moz-border-radius:6px; -ms-border-radius:6px;
					-o-border-radius:6px; -webkit-border-radius:6px;
					 text-decoration:none;
					 -moz-box-shadow:    0px 0px 2px 1px #ccc;
  -webkit-box-shadow: 0px 0px 2px 1px #ccc;
  box-shadow:         0px 0px 2px 1px #ccc;
  					text-shadow: 1px 1px 1px #8C2300;}
					 
		.buttonred:hover{padding:8px 12px; background-color:#858585; color:#fff!important;
					font-family: 'ralewayregular'; font-size:14px;
					border:2px solid #fff ; border-radius:6px;
					-moz-border-radius:6px; -ms-border-radius:6px;
					-o-border-radius:6px; -webkit-border-radius:6px;
					 text-decoration:none;
					 -moz-box-shadow:    0px 0px 2px 1px #ccc;
  -webkit-box-shadow: 0px 0px 2px 1px #ccc;
  box-shadow:         0px 0px 2px 1px #ccc;
  					text-shadow: 1px 1px 1px #777;}
					
					.buttongray{padding:8px 15px; background-color:#858585; color:#fff!important;
					font-family: 'ralewayregular'; font-size:14px;
					border:2px solid #fff ; border-radius:6px;
					-moz-border-radius:6px; -ms-border-radius:6px;
					-o-border-radius:6px; -webkit-border-radius:6px;
					 text-decoration:none;
					 -moz-box-shadow:    0px 0px 2px 1px #ccc;
  -webkit-box-shadow: 0px 0px 2px 1px #ccc;
  box-shadow:         0px 0px 2px 1px #ccc;
  					text-shadow: 1px 1px 1px #333;}
					 
		.buttongray:hover{padding:8px 15px; background-color:#ccc; color:#fff!important;
					font-family: 'ralewayregular'; font-size:14px;
					border:2px solid #fff ; border-radius:6px;
					-moz-border-radius:6px; -ms-border-radius:6px;
					-o-border-radius:6px; -webkit-border-radius:6px;
					 text-decoration:none;
					 -moz-box-shadow:    0px 0px 2px 1px #ccc;
  -webkit-box-shadow: 0px 0px 2px 1px #ccc;
  box-shadow:         0px 0px 2px 1px #ccc;
  					text-shadow: 1px 1px 1px #777;}
					
					
					.buttonred2{padding:8px 5px; background-color:#C42031; color:#fff!important;
					font-family: 'ralewayregular'; font-size:11px;
					border:2px solid #fff ; border-radius:6px;
					-moz-border-radius:6px; -ms-border-radius:6px;
					-o-border-radius:6px; -webkit-border-radius:6px;
					 text-decoration:none;
					 -moz-box-shadow:    0px 0px 2px 1px #ccc;
  -webkit-box-shadow: 0px 0px 2px 1px #ccc;
  box-shadow:         0px 0px 2px 1px #ccc;
  					text-shadow: 1px 1px 1px #8C2300;}
					 
		.buttonred2:hover{padding:8px 5px; background-color:#858585; color:#fff!important;
					font-family: 'ralewayregular'; font-size:11px;
					border:2px solid #fff ; border-radius:6px;
					-moz-border-radius:6px; -ms-border-radius:6px;
					-o-border-radius:6px; -webkit-border-radius:6px;
					 text-decoration:none;
					 -moz-box-shadow:    0px 0px 2px 1px #ccc;
  -webkit-box-shadow: 0px 0px 2px 1px #ccc;
  box-shadow:         0px 0px 2px 1px #ccc;
  					text-shadow: 1px 1px 1px #777;}
		 
		 

.pat1{background:url(../images/patt1.png); width:100%; padding-bottom:20px;}

.line1{width:100%; height:5px; background:#C42031;}
.line2{width:100%; height:5px; background:#ECECEC;}


.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}

.section{background:url(../images/patt2.png); padding-bottom:20px; overflow:hidden;}
.subfoot{background:#BF232E; width:100%; padding:20px 0; overflow:hidden;}

.centered{text-align:center;}
.joinsos{font-size:12px; font-family: 'ralewayregular';
		color:#fff!important; text-decoration:none; font-weight:bold; margin-top:10px;}
		.joinsos:hover{font-size:12px; font-family: 'ralewayregular';font-weight:bold;  margin-top:10px;
		color:#FFC!important; text-decoration:none;}
		
.footlog{width:100%; background:#868686; padding:10px 0; overflow:hidden;}
.flink{font-family: 'ralewayregular'; font-weight:bold;
		font-size:13px; color:#535353; text-align:center}
		.flink a{font-family: 'ralewayregular'; font-weight:bold;
		font-size:13px; color:#535353; text-decoration:none;}
		.flink a:hover{font-family: 'ralewayregular'; font-weight:bold;
		font-size:13px; color:#f5f5f5; text-decoration:none;}
		

nav {
	height: 40px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
	position: relative;
	background:#BF232E;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 600px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff!important;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	
}
nav li a {
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color:none; color:#FFC!important;
}
nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #890400;
		border-right: 1px solid #890400;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	.mid{padding:0; background:none}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	.mid{padding:0; background:none}
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: none;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url(../images/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #890400;
	}
}




		
.pwr{background-image:url(../images/header.png) no-repeat center center fixed; 
 position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;}
  
  .bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  background-image:url(../images/cream_pixels.png);
  border-bottom:1px solid #777;
}
.bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

select {
	width:100%;
    padding:12px 10px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#858585;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px;font-family:'bpreplayregular';}
}

label {position:relative}

label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    position:absolute;
    pointer-events:none;
    display:block;
}

.mb10{margin-bottom:10px;}
.margone{padding:0; background:#fff;}
.margone img{width:100%; height:auto; margin-bottom:10px; background:#fff}
.margone2{padding:0; background:#fff; border: 3px solid #f5f5f5;
border-bottom-style: inset; margin-bottom:10px}
.margone2 img{width:100%; height:auto; margin-bottom:10px; background:#fff}
.pricing{width:50%; display:inline-block; float:left; padding:0; margin-bottom:10px; position:relative}
.buybut{width:40%; display:inline-block; float:left; padding:0 2px; position:relative;}
.grew{background:#f5f5f5;}
.texthere{text-align:left!important; width:90%; padding:0; overflow:hidden; margin-bottom:15px; font-family:'bpreplayregular';
color:#333; margin:0 auto;padding-bottom: 10px;}

h5{font-size:14px; color:#C03940;font-family: 'ralewayregular'; font-weight:bold}
h6{font-size:22px; color:#C03940;font-family: 'ralewayregular'; font-weight:bold}

.grey{width:100%;padding:20px; border-radius:8px;top:380px;
	  position:absolute;margin:0 auto;}
	  
	  .greys{width:100%;  padding:20px; border-radius:8px;
	  -moz-border-radius:8px; -ms-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px;
	  background:url(../images/bgry.png); overflow:hidden }

.kranjang{	
background: url(../images/kranjang.png);
background-repeat: no-repeat;
background-position:left;
height:24px;
padding-left:30px;
float:right;
top:0;
padding-top:5px;
border: 1px dashed #333;
padding-right: 5px;
}


.sticky {
width: 47px;
height: 166px;
position: fixed;
right: 0;
top: 40%;
background: url(../images/sticky.png);
z-index: 30;
background-repeat: no-repeat;
text-align: center;
}

.sticky:hover{
width: 47px;
height: 166px;
position: fixed;
right: 0;
top: 40%;
background: url(../images/stickys.png);
z-index: 30;
background-repeat: no-repeat;
text-align: center;
}

	  
/*image hover*/
.boxmage{background:url(../images/view.png);
background-repeat:no-repeat; background-position:center; }
.boxmage img {
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
cursor:pointer
}
.boxmage img:hover{
opacity: 0.1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
cursor:pointer
}
/*end hover*/

.mainh4 a{text-decoration:none; color:#BF212C; font-family: 'ralewaybold'; line-height:18px}
.mainh4 a:hover{text-decoration:none; color:#ccc; font-family: 'ralewaybold'; line-height:18px}
	.webby{ font-family: 'weblysleek_uisemibold'!important; font-size:12px!important;} 
	

.buttonarc{padding:15px 0; border-top:1px solid #C42031; border-bottom:1px solid #C42031;
			text-align:center; overflow:hidden; margin-bottom:10px} 

.words{width:90%; margin:0 auto;  color:#333;
	   line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
	   font-size:30px; text-align:center; }
	  
.lihat{width:300px; margin:0 auto; font-size:15px; padding:10px 0; text-align:center;}
	.lihat a{color:#F90; text-decoration:none;}
	.lihat a:hover{color:#FC0; text-decoration:none;}
	
.boxmerah{padding:5px 10px; font-size:12px; color:#fff;background-color:#ed1e32;
			margin-top:10px; border-radius:5px;font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	  -moz-border-radius:5px; -ms-border-radius:8px; -webkit-border-radius:5px;
	  -o-border-radius:5px; display:block; text-align:center;text-decoration:none!important;}
	  .boxmerah{color:#fff!important; }
	  .boxmerah:hover {color:#FF9!important;}
	  
.boxhijau{padding:5px 10px; font-size:12px; color:#fff;background-color:#86c457;
			margin-top:10px; border-radius:5px;font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	  -moz-border-radius:5px; -ms-border-radius:8px; -webkit-border-radius:5px;
	  -o-border-radius:5px; display:block; text-align:center;text-decoration:none!important;}
	  .boxhijau{color:#fff!Important; }
	  .boxhijau:hover {color:#FF9!important;}
	  
.more{margin-top:8px;color:#ed1e32!important; text-decoration:none}

.more a:hover{margin-top:8px;color:#900!important;text-decoration:none}
.more a:visited{margin-top:8px;color:#ed1e32!important;text-decoration:none}
	
.conmage{padding: 4px;
border: 1px solid #ccc;
margin: 0 15px 5px 0; float:left;}  

.ads{width:100%; text-align:center; margin-bottom:5px; padding:15px 0; border:1px solid #f5f5f5; border-bottom-style:inset;}

.single-title{ font-family: 'romanserifregular'; font-size:28px;
line-height:36px; letter-spacing:1px}
.beardcumb{color:#BF232E; font-size:11px;}
.beardcumb a{color:#BF232E; font-size:11px; text-decoration:none;}
.beardcumb a:hover{color:#858585;}

.sline{margin-top:5px; margin-bottom:20px; border-bottom:1px dashed #333; padding:1px 0; width:100%}
.pembuka{font-family: 'bpreplayregular'; font-size:20px;
line-height:25px; letter-spacing:1px; margin-bottom:10px;}
.single-title{ font-family: 'bpreplayregular';font-size:28px;
line-height:32px; letter-spacing:1px}

.daftaran {

display: block;
margin-bottom: 7px;
font-weight:lighter; font-size:12px; letter-spacing:.5pt;
text-align: center;
height: 35px;
width: 100px;
background: #21a8df;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
color: #fff;
text-shadow: none!important;
border: none!important;
cursor: pointer;

  
  }
  
  .pagingline{width: 100%;

padding: 5px 0;
overflow: hidden;
margin-bottom: 35px;
}

.subscribe {
  
  width: 100%;
  background: white;
  border-radius:8px;
	  -moz-border-radius:8px; -ms-border-radius:8px; -webkit-border-radius:8px;
	  -o-border-radius:8px; 
  
}

.subscribe-form {
 position: relative;
margin-top: 7px;
 
  
}

.subscribe-input {
  padding: 0 16px;
  width: 90%!important;
  height: 30px;
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px;
  color: #444;
  background: #fefefe;
  background-clip: padding-box;
  border: 1px solid #f5f5f5!important;
 	padding:5px 10px!important;
  border-radius:8px;
	  -moz-border-radius:8px; -ms-border-radius:8px; -webkit-border-radius:8px;
	  -o-border-radius:8px;
  
margin-bottom:0!important;
 
}



  &:before {
    content: '';
    display: block;
    margin-top: 1px;
    width: 25px;
    height: 19px;
    background: url('../img/tick.png');
  }


.lt-ie9 .subscribe-input { line-height: 33px; }

.socials{width: 190px;
float: right;
margin-top: 10px;
background: url(../images/heart.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 55px; }

.line{padding:5px 0; border-top:4px solid #555;  margin-bottom:20px;}

#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:12px;
list-style:none;

}
#pagination-flickr a{
/*border:solid 1px #659AE0;*/
background:#858585;
color:#fff;
margin-right:2px;

}
#pagination-flickr .previouss-off,
#pagination-flickr .nexts-off {
color:#555;
display:block;
float:left;

padding:3px 4px;

}
#pagination-flickr .nexts a,
#pagination-flickr .previouss a {

/*border:solid 1px #659AE0;*/
color:#046380;
} 
#pagination-flickr .active{
color:#FFF;
background:#BF232E;
font-weight:bold;
display:block;
float:left;
padding: 4px 7px;
margin: 0 1px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color: #659AE0;
display: block;
float: left;
padding: 4px 7px;
text-decoration: none;
color: #fff;
}
#pagination-flickr a:hover{
/*border:solid 1px #D7DF21;*/
color:#FF9;}

.pagingline{width: 100%;
padding: 5px 0;
overflow: hidden;
margin-bottom: 35px;
}

.tbc{background:#900;
color: #fff;
text-align: center; padding:6px 0;}
.tbd{background:#C42031;
color: #fff;
text-align: center; padding:6px 0;}

.remove{color:#900; text-decoration:none;
		font-size:11px; }
		.remove:hover{color:#F00; text-decoration:none;
		font-size:11px;}
		
.error{color:#F00!important;}
.errorbox{width:100%; color:#fff; background:#F00; font-size:12px; font-family:Arial, Helvetica, sans-serif;
			padding:6px; margin-bottom:15px;}
			
			.suksesbox{width:100%; color:#fff; background:#096; font-size:12px; font-family:Arial, Helvetica, sans-serif;
			padding:6px; margin-bottom:15px;}
		
.rebuy{float:left; padding:0;}
